<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		.box{
			width:150px;
			height:150px;
			border:3px solid red;
		}
		.get{
			width:150px;
			height:150px;
			border:3px solid pink;
			margin:400px;
		}
	</style>
	<body>
		<div draggable="true" class="box">box</div>
		<div class="get">接收</div>
	</body>
	<script type="text/javascript" src="jquery-2.1.0.js"></script>
	<script type="text/javascript">
		$(".get").eq(0).on('dragover',function(e){
			e.preventDefault()
		})
		$(".get").eq(0).on('drop',function(e){
			$(".box").hide()
		})
	</script>
</html>
